<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>车型展厅01</title>
    <style type="text/css">
        *{
            margin: 0px;
            padding: 0px;
        }
        #wrap{
            width: 368px;
            margin: 0px auto;
        }
        #menu{
            background-color:dodgerblue;
            font-size: larger;
            height: 36px;
            text-align: center;
            margin-top: -5px;
        }
        a{
            text-decoration: none;
            display: block;
        }
        #menu01{
            width: 90px;
            float: left;
            border-right: 2px solid white;
            margin-top: 5px;
            color: white;
        }
        #menu02wrap{
            width: 91px;
            height: 36px ;
            float: left;
            background-color: lightskyblue;

        }
        #menu02{
            width: 90px;
            border-right: 2px solid white;
            margin-top: 5px;
            color: dodgerblue;
        }
        #menu03 {
            width: 90px;
            float: left;
            border-right: 2px solid white;
            margin-top: 5px;
            color: white;
        }
        #menu04{
            padding-top: 5px;
            color: white;
        }
        #daohang{
            width: 368px;
            height: 62px;
            padding-top: 10px;
            text-align: center;
            color: dodgerblue;
            background-color: lightgray;
        }
        #daohang01{
            width: 182px;
            border: 1px solid lightskyblue;
            float: left;
            font-size: x-large;
            color: dodgerblue;
        }
        #daohang02{
            width: 184px;
            height: 35px;
            float: left;
            font-size: x-large;
            color: dodgerblue;
            background-color: lightskyblue;
        }
        #daohang03{
            width: 368px;
            margin-top: 40px;
        }
        span{
            font-size: small;
        }
        #main01{
            width: 134px;
            float: left;
            height: 80px;
        }
        #main02{
            width: 234px;
            height: 80px;
            float: left;
            background-color: lightblue;
        }
        #main03{
            width: 135px;
            float: right;
            height: 80px;
        }
        #main04{
            width: 233px;
            height: 80px;
            background-color: dodgerblue;
            float: left;
        }
        #main05{
            width: 134px;
            float: left;
            height: 82px;
        }
        #main06{
            width: 234px;
            height: 82px;
            float: left;
            background-color: lightblue;
        }
        #main07{
            width: 136px;
            height: 80px;
            float: right;
        }
        #main08{
            width: 232px;
            height: 80px;
            background-color: dodgerblue;
            float: left;
        }
        .footer{
            margin-top: 321px;
            width: 367px;
            height: 70px;
            background-color: darkgrey;
        }
        #footer{
            display: block;
            width: 100px;
            height: 30px;
            font-size: larger;
            text-align: center;
            color: white;
            background-color: dodgerblue;
            float: left;
            margin-left: 134px;
            margin-top: 20px;
        }
        #mainbody01{
            width: 170px;
            float: left;
            margin-top: 15px;
            margin-left: 10px;
            color:dodgerblue;
        }
        #mainbody02{
            width: 170px;
            float: right;
            margin-top: 15px;
            margin-right: -30px;
            color: white;
        }
        #mainbody03 {
            width: 190px;
            float: left;
            margin-top: 15px;
            margin-left: 10px;
            color: dodgerblue;
        }
        #mainbody04{
            width: 245px;
            float: right;
            margin-top: 15px;
            margin-right: -30px;
            color: white;
        }
    </style>
</head>
<body>
    <div id="wrap">
        <div class="top">
            <img src="../Img/img4s-18.PNG">
            <div id="menu">
                <a href="shouye01.html" id="menu01">精彩福特</a>
                <div id="menu02wrap"><a href="shouyeB01.html" id="menu02">车型展示</a></div>
                <a href="baoyang.html" id="menu03" >保养售后</a>
                <a href="aboutUs.html" id="menu04" >关于我们</a>
            </div>
        </div>
        <div class="main">
            <div id="daohang">
                <a href="" id="daohang01" >福特轿车</a>
                <a href="" id="daohang02" >福特SUV</a>
                <div id="daohang03">SUV时刻准备</div>
            </div>
            <img src="../Img/img4s-19.PNG">
            <div>
                <div id="main01">
                    <img src="../Img/img4s-20.PNG">
                </div>
                <a href="" id="main02">
                    <div id="mainbody01" >
                        福特翼搏
                        <br />
                        <span>新生代SUV全新的城市冒险家</span>
                    </div>
                </a>
            </div>
            <div>
                <div id="main03">
                    <img src="../Img/img4s-21.PNG">
                </div>
                <a href="" id="main04">
                    <div id="mainbody02">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp;&nbsp;福特翼虎
                        <br />
                        <span>更智能的中型城市SUV</span>
                    </div>
                </a>
            </div>
            <div>
                <div id="main05">
                    <img src="../Img/img4s-22.PNG">
                </div>
                    <a href="shouyeB02.html" id="main06">
                        <div id="mainbody03">
                            福特锐界
                            <br />
                            <span>硬朗大气 富有力量感的中型SUV</span>
                        </div>
                    </a>
            </div>
            <div>
                <div id="main07">
                    <img src="../Img/img4s-23.PNG">
                </div>
                    <a href="" id="main08">
                        <div id="mainbody04">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;福特探险者
                            <br />
                            <span>非同一般科技配备的高性能大型SUV</span>
                         </div>
                    </a>
            </div>
            <div class="footer">
                <a href="" id="footer">开始上网</a>
            </div>
        </div>
     </div>
</body>
</html>